Talib Kweli

Designer's Comments

Look carefully for specific instructions

The first step is to make sure your Blogger is in Classic Template mode.
Template tab >> Edit HTML >> Revert to Classic Template

There's a section under the blogger code that requires you to put in your link. It will show up under your post as "posted by yourblogname @ 12AM" and yourblogname will have a link attached to it. Edit that link to anything you like; an email, a webpage, etc.

Remember that all these sections are editable. You can put anything in (tagboards, music players, youtube vids) or take out entire sections. Follow the coding.

Using This Layout

For specific instructions read designer's comments

1. Log into blogger.com
2. Click on Template
3. Copy (ctrl c) and paste (ctrl v) code to EDIT HTML

Layout Code

Copy and paste to Template

Help

<HTML>
<HEAD>
<TITLE>Talib Kweli by http://salcha4u.com</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style type=text/CSS>
              
body {
font-family: Arial;
font-size: 11px;
color: #FFFFFF;
background-color: #FFFFFF;
background-image: url(http://cbimg6.com/layouts/08/04/05/26683ac.jpg); background-repeat: 
repeat-y;

scrollbar-face-color:#58766D;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
text-align : justify;
font-family : arial, tahoma;
color : #FFFFFFF;
font-size : 11px; }

table, tr, td, th {
/* Table properties */
text-align : justify;
font-family : arial, tahoma;
color : #FFFFFF;
font-size : 11px; }

a:link, a:visited, a:active {
text-decoration : bold;
font-size : 11px;
color : #642C23;
font-family : arial, tahoma; }

a:hover {
text-decoration : none;  
font-size : 11px;
color : #997B74;
font-family : arial, tahoma; }

.head {
font-family : arial;
color : #FDFCD5;
font-weight : bold;
font-size : 24px;
text-align : left;
text-transform : bold;
.post-body {text-align : justify; }

.head2 {
font-family: arial;
font-size: 14px; 
line-height:9px;
color: #F5EDBA;
text-align: left;
background-color: transparent; }

.footer {
font-family : arial, tahoma;
color : #FFFFFF;
font-weight : normal;
font-size : 11px;
text-align : center;
text-transform : lowercase;
border-top : 0px dashed #000000; }

#border {border: 5px solid #FFFFFF;}
#table {
text-align: justify;
background-color: #FFFFFF;
width: 100%; padding:2px;}

b, strong, u, i, em, s {
font-size : 11px; font-weight: bold;
font-family : arial, tahoma;
color : #000000;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
text-align : center;
background-color : transparent;
border : 1px solid #000000;
font-size : 11px;
font-family : arial, tahoma; }
</style>
</head>

<body>
<DIV style="LEFT:

<img src="http://i25.tinypic.com/23t1aio.jpg" width="934" height="900" border="0" alt="" usemap="#Talib_Kweli_Map">
<map name="Talib_Kweli_Map">
<area shape="poly" alt="salcha4u rocks yo socks :D" coords="293,159, 300,167, 305,172, 333,154, 341,141, 333,137, 315,145, 303,154"

href="http://salcha4u.com">
</map>

</DIV><NOEMBED></NOEMBED>
<DIV style="PADDING-RIGHT: 50px; PADDING-LEFT: -500px; LEFT: 77px; PADDING-BOTTOM: 5px; 
WIDTH: 555px; PADDING-TOP: 5px; POSITION: absolute; TOP: 750px; TEXT-ALIGN: 
justify">

<!------ START BLOGGER CODE -------!>

<BlogItemTitle>
 Subject: <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
 <$BlogItemTitle$>
 <BlogItemUrl></a></BlogItemUrl>
    </BlogItemTitle>
 </div>

<div class="footer">posted by <a href="mailto:INSERT YOUR EMAIL ADDRESSS HERE!!!"><$BlogItemAuthorNickname$></a> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent

link"><$BlogItemDateTime$></a> | 
      <MainOrArchivePage><BlogItemCommentsEnabled>
        <a href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a>
     </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
    </div>

<Br>

<BlogItemCommentsEnabled><a name="comments"></a>
       <div class="head"><$BlogItemCommentCount$> Comments:</div>

</dt>

<div class="footer"><a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
  <$BlogCommentDeleteIcon$>
     </div>
    <p>
     </BlogItemComments>

</p>
 <p class="footer">
   <$BlogItemCreate$>
   </BlogItemCommentsEnabled>
    <br />
    <a href="<$BlogURL$>"><< Home</a>
   </p>

</p>
   </div>
</ItemPage>
</Blogger>

<!------ END BLOGGER CODE -------!>

<!------ START RIGHT MODULE -------!>

<DIV style="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; LEFT: 581px; PADDING-BOTTOM: 2px; WIDTH: 200px; 
PADDING-TOP: 2px; POSITION: absolute; TOP: -70px; TEXT-ALIGN: justify; BACKGROUND-COLOR:

transparent">
<DIV class=head>About Me</DIV><BR>
 
This layout took me longer than expected. I actually messed up my code cause the comments weren't working and after several tries
I gave up and started from scratch. The design was fun to make; I had a hard time coming up with ideas but I like the end effect (: <br>
Nothing left to say really. I'm salcha4u. Nice to meet you. <p>

<p>
There's a section under the blogger code that requires you to put in your link. It will show up under your post as "posted by yourblogname @ 12AM" and yourblogname 
will have a link attached to it. Edit that link to anything you like; an email, a webpage, etc.  <p>
Remember that all these sections are editable. You can put anything in (tagboards, music players, youtube vids) or
take out entire sections. Follow the coding.

</FONT><BR><BR>

<DIV class=head>Archive</DIV><BR>
<BloggerArchives>
<a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a> l 
</BloggerArchives><br><br>

<DIV class=head>Friends</DIV><BR>
<marquee>
<a href="http://salcha4u.com"><img src="http://cbimg6.com/layouts/08/04/05/26683ab.jpg"></a>
<a href="http://salcha4u.com"><img src="http://cbimg6.com/layouts/08/04/05/26683ab.jpg"></a>
<a href="http://salcha4u.com"><img src="http://cbimg6.com/layouts/08/04/05/26683ab.jpg"></a>
<a href="http://salcha4u.com"><img src="http://cbimg6.com/layouts/08/04/05/26683ab.jpg"></a>
<a href="http://salcha4u.com"><img src="http://cbimg6.com/layouts/08/04/05/26683ab.jpg"></a>
</marquee>
<BR><BR>

<DIV class=head>Music</DIV><BR>
Insert own media :)
<BR><BR>

<DIV class=head>Links </DIV><BR>
<A href="http://.blogspot.com">Link</A><br>
<A href="http://.blogspot.com">Link</A><br>
<A href="http://.blogspot.com">Link</A><br>
<A href="http://.blogspot.com">Link</A><br>
<BR><BR>

<DIV class=head>Design</DIV><BR>Coding and Graphic Design by <b>salcha4u</b>.<br>
However, brush credits <b>DO NOT</b> go to me.<br>
 <BR><BR>

<!------ END RIGHT MODULE -------!>

</div>
</body>
</html>

Layout Comments

Showing latest 5 of 5 comments

that's a great layout - I only have one question, why when you post pictures to blog under date and subject they don't show up? I know I wrote the right code, but picture just won't show up ;(

By dott on Sep 6, 2008 1:39 am

i was not expecting to see a Talib layout on here,this is awesome!

By Saikou on Apr 5, 2008 8:37 pm

Congratulations, this has been featured on our a createBlog Deviant Art Gallery. This means that among all the graphics and layouts on cB, this was considered one of the best! Keep up the good work!

http://createblog.dev iantart.com

By createBlogDA on Apr 5, 2008 8:30 pm

i have no idea who that is but this is really nice!!! *plz don't kill me that i don't know who this person is , lol*

By michellekdo on Apr 5, 2008 7:50 pm

NICE

YOU JUST GAINED +10 COOL POINTS FROM ME FOR THIS ONE

By brooklyneast05 on Apr 5, 2008 3:11 pm

Layout Details

Designer	salcha4u
Submitted on	Apr 4, 2008
Page views	11,590
Favorites	15
Comments	5
Reviewer	miyashu
Approved on	Apr 5, 2008

Talib Kweli

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates